<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <link href="css/calendar.css" type="text/css" rel="stylesheet" media="all" />
    <script type="text/javascript" src="script/calendar.js"></script>
    <script type="text/javascript" src="script/calendar-setup.js"></script>
    <script type="text/javascript" src="script/calendar-en.js"></script>
    <title>Sample Page</title>
  </head>
  <body>
    <div align="left">
      <table cellspacing="0" cellpadding="0" border="0">
        <tbody>
          <tr>
            <td valign="top" style="padding: 0px; width: 100%;">
              <div class="box_region left">
                <div class="box">
                  <div class="top">
                    <div class="left">
                      <div class="right">
                        <div class="middle">
                          <div class="box_title"><span class="boxtitle">Sample Form </span></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="content">
                    <form style="display: inline;" name="MyForm" method="post" action="javascript:alert('Form submitted')">
                      <table cellspacing="2" cellpadding="0" border="0" width="100%">
                        <tbody>
                          <tr>
                            <td colspan="3"><span class="mandatory">* indicates mandatory field</span></td>
                          </tr>
                          <tr>
                            <td colspan="3">Please enter the information</td>
                          </tr>
                          <tr>
                            <td nowrap>
                              <span class="formlabel">Text 1:</span>
                              <span class="required_icon" title="Required">*</span>
                            </td>
                            <td><img width="5" src="images/t.gif" alt="" /></td>
                            <td><input type="text" maxlength="255" size="50" name="text1" /></td>
                          </tr>
                          <tr>
                            <td nowrap><span class="formlabel">Combox 1:</span></td>
                            <td><img width="5" src="images/t.gif" alt="" /></td>
                            <td nowrap valign="top"><select name="field 2">
                                <option value=""></option>
                                <option value="0">Option 1</option>
                                <option value="1">Option 2</option>
                                <option value="2">OPtion 3</option>
                            </select></td>
                          </tr>
                          <tr>
                            <td nowrap><span class="formlabel">Date 1:</span></td>
                            <td><img width="5" src="images/t.gif" alt="" /></td>
                            <td><input name="docParam" id="cal-field-1" readonly
                                         type="text" class="input" size="10" maxlength="10" align="top" />&nbsp;
                              <img src="images/icon_calendar.jpg" width="17" height="23"
                                   border="0" align="top" id="cal-trg-1" />
                              <script type="text/javascript">
                                Calendar.setup( {
                                  inputField :"cal-field-1", // id of the input field
                                  ifFormat :"%d/%m/%Y", // format of the input field
                                  button :"cal-trg-1", // trigger for the calendar (button ID)
                                  singleClick :true
                                });
                              </script>
                            </td>
                          </tr>
                          <tr>
                            <td colspan="3">
                              <table cellspacing="0" cellpadding="0" border="0"
                                     class="form_submit" summary="">
                                <tbody>
                                  <tr>
                                    <td>
                                      <button class="buttontext" type="submit">Submit</button>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </form>
                  </div>
                  <div class="bottom">
                    <div class="left">
                      <div class="right">
                        <div class="middle">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>